/* div {
    border: 1px solid black;
} */
.container {
    width: 100%;
    height: 1000vh;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: center; */
    background-color: #f0f0f0;
}
.container-head {
    width: 100%;
    height: 60px;
    background-color: #fff;
    display: flex;
    justify-content: space-evenly;
}
.container-head-left {
    width: 7%;
    height: 100%;
    display: flex;
    justify-content:flex-end;
    cursor: pointer;
    color: #909090;
}

.container-head-left img {
    width: 100px;
    
}
.container-head-middle {
    width: 40%;
    height: 100%;
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    position: relative;
}
.container-head-middle div{
    color: #86909c;
    padding: 0 .5rem;
    /* font-size: 1.167rem; */
    /* margin: 0; */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
    
}

.middleNav::after {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    background-color: #1e80ff;
    /* top:100px; */
    bottom: 0px;
}
.container-head-right {
    width: 45%;
    height: 100%;
    display: flex;
    /* justify-content: space-around; */
}
.search {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search input {
    width: 80%;
    height: 40%;

}
.search-img{
    width: 30px;
    height: 30px;

}
.creative {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.creative-text {
    width: 40%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.creative-img {
    width: 20px;
    height: 80%;
}
.registrationAndLogin {
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}
.registrationAndLogin div {
    width: 30%;

}
/* --------------------------------------------- */
.container-main {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;

}


